<!DOCTYPE html>
<html   xmlns="http://www.w3c.org/1999/xhtml"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:p="http://primefaces.org/ui"
        xmlns:f="http://xmlns.jcp.org/jsf/core">
    <h:head/>
    <h:body>
        <p:lightBox>
            
            <h:outputLink value="IMG/photo1.jpg" title="Photo 1">
                <h:graphicImage value="IMG/photo1_small.jpg"/>
            </h:outputLink>
            
            <h:outputLink value="IMG/photo2.jpg" title="Photo 2">
                <h:graphicImage value="IMG/photo2_small.jpg"/>
            </h:outputLink>
            
            <h:outputLink value="IMG/photo3.jpg" title="Photo 3">
                <h:graphicImage value="IMG/photo3_small.jpg"/>
            </h:outputLink>
            
            <h:outputLink value="IMG/photo4.jpg" title="Photo 4">
                <h:graphicImage value="IMG/photo4_small.jpg"/>
            </h:outputLink>
            
        </p:lightBox>
        
        <p:lightBox iframe="true">
            <h:outputLink value="http://www.primefaces.org" title="PrimeFaces HomePage">
                <h:outputText value="PrimeFaces HomePage"/>
            </h:outputLink>
        </p:lightBox>
        
        <p:lightBox>
            <h:outputLink value="#" title="Leo Messi" >
                <h:outputText value="The Messiah"/>
            </h:outputLink>
            <f:facet name="inline">
                There is some Content here!
            </f:facet>
        </p:lightBox>
    </h:body>
</html>
